import React from "react"
import { Image, View } from "@tarojs/components"
import clsx from "clsx"
import styles from "./index.module.scss"

type IProps = {
  className?: string
  ports?: {
    text: string
    link?: string
    isTab?: boolean
  }[]
}
const GpCurrentPort: React.FC<IProps> = ({ className }: IProps) => {
  return (
    <View className={clsx("h-213px w-full flex flex-col items-center justify-center", className)}>
      {process.env.TARO_ENV === "weapp" && (
        <View className="flex flex-row items-center gap-12px">
          <Image src="/images/common/currentPos_wechat.png" mode="widthFix" className="w-64px" />
          <View className="text-40px font-bold text-gray-200">91艺考网</View>
        </View>
      )}
      {process.env.TARO_ENV === "swan" && (
        <View className="flex flex-row items-center">
          <Image src="/images/common/currentPos_swan.png" mode="widthFix" className="w-64px" />
          <View className={styles["logo-text-swan"]}>择艺宝</View>
        </View>
      )}
    </View>
  )
}
export default GpCurrentPort
